<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<title>Hostio</title>
<link rel="stylesheet" type="text/css" href="static/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="static/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="static/css/style.css">
</head>

<body>

<nav id="mainNav" class="navbar navbar-default navbar-full">
    <div class="container container-nav">
        <div class="navbar-header">
            <button aria-expanded="false" type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand page-scroll" href="index1.html">
                <img class="logo" src="static/picture/logo.png" alt="Hostio">
            </a>
        </div>
        <div style="height: 1px;" role="main" aria-expanded="false" class="navbar-collapse collapse" id="bs">
             <ul class="nav navbar-nav navbar-right">
                <li><a href="about.html">About us</a></li>
                <li class="dropdown active">
                    <a href="hosting.html">Hosting <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                      <li><a href="whosting.html">Web Hosting</a></li>
                      <li><a href="chosting.html">Cloud Hosting</a></li>
                      <li><a href="">Dedicated Hosting</a></li>
                    </ul>
                </li>
                <li><a href="support.html">Help & Support</a></li>
                <li><a href="contact.html">Contact us</a></li>
                <li><a class="login-button" href="login.html">Login</a></li>
                <li><a class="chat-button" href="#">Chat now</a></li>
            </ul>
        </div>
    </div>
</nav>
<div id="top-content" class="container-fluid inner-page">
    <div class="container">
        <div class="row">
            <div class="col-md-12 text-center">
                <div class="page-title">Dedicated Hosting</div>
                <div class="page-subtitle">Mauris at libero sed justo pretium maximus ac non ex. Donec sit amet ultrices dolo.</div>
            </div>
        </div>
    </div>
</div>
<div id="sub-pricing" class="container-fluid">
    <div class="hosting-icon purple-color"><i class="hsto hsto-technology"></i></div>
    <div class="container purple-accent">
        <div class="row">
            <div class="col-sm-6 col-md-4">
                <div class="pricing-box blue-after">
                    <div class="pricing-icon"></div>
                    <div class="pricing-title">Warriors Plan</div>
                    <div class="pricing-amount">
                        <div class="price">
                            <span class="currency">$</span>
                            <span class="amount">3.8</span>
                            <span class="duration">/mo</span>
                        </div>
                    </div>
                    <div class="pricing-details">
                        <ul>
                            <li>Unlimited Storage</li>
                            <li>500 Protected Files</li>
                            <li>All Sharing Features</li>
                            <li>Realtime Revoke</li>
                            <li>Access to Party Integrations</li>
                            <li class="not-supported">Free Native Apps</li>
                            <li class="not-supported">QNote Editor</li>
                            <li class="not-supported">Offline File Access</li>
                            <li class="not-supported">Single Sign on</li>
                            <li class="not-supported">Unlimited Email accounts</li>
                            <li class="not-supported">Support 24/7</li>
                            <li class="not-supported">Linux server</li>
                        </ul>
                    </div>
                    <div class="pricing-button"><a href="#" class="blue-button">I want this</a></div>
                </div>
            </div>
            <div class="col-sm-6 col-md-4">
                <div class="pricing-box blue-after best-seller">
                    <div class="pricing-icon"></div>
                    <div class="pricing-title">Gurus Plan</div>
                    <div class="pricing-amount">
                        <div class="price">
                            <span class="currency">$</span>
                            <span class="amount">58.9</span>
                            <span class="duration">/mo</span>
                        </div>
                    </div>
                    <div class="pricing-details">
                        <ul>
                            <li>Unlimited Storage</li>
                            <li>500 Protected Files</li>
                            <li>All Sharing Features</li>
                            <li>Realtime Revoke</li>
                            <li>Access to Party Integrations</li>
                            <li>Free Native Apps</li>
                            <li>QNote Editor</li>
                            <li>Offline File Access</li>
                            <li class="not-supported">Single Sign on</li>
                            <li class="not-supported">Unlimited Email accounts</li>
                            <li class="not-supported">Support 24/7</li>
                            <li class="not-supported">Linux server</li>
                        </ul>
                    </div>
                    <div class="pricing-button"><a href="#" class="blue-button">I am guru</a></div>
                </div>
            </div>
            <div class="col-sm-12 col-md-4">
                <div class="pricing-box blue-after">
                    <div class="pricing-icon"></div>
                    <div class="pricing-title">Heros Plan</div>
                    <div class="pricing-amount">
                        <div class="price">
                            <span class="currency">$</span>
                            <span class="amount">288.9</span>
                            <span class="duration">/mo</span>
                        </div>
                    </div>
                    <div class="pricing-details">
                        <ul>
                            <li>Unlimited Storage</li>
                            <li>500 Protected Files</li>
                            <li>All Sharing Features</li>
                            <li>Realtime Revoke</li>
                            <li>Access to Party Integrations</li>
                            <li>Free Native Apps</li>
                            <li>QNote Editor</li>
                            <li>Offline File Access</li>
                            <li>Single Sign on</li>
                            <li>Unlimited Email accounts</li>
                            <li>Support 24/7</li>
                            <li>Linux server</li>
                        </ul>
                    </div>
                    <div class="pricing-button"><a href="#" class="blue-button">Interested.</a></div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="get-started" class="container-fluid">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="text">Get started now. Try Hostio Free for 10 days.</div>
                <a href="#" class="gstart">Get Started</a>
            </div>
        </div>
    </div>
</div>
<div id="footer" class="container-fluid">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-4 col-md-1">
                <img class="logo-mini" src="static/picture/logo-mini.png" alt="Hostio">
            </div>
            <div class="col-xs-6 col-sm-4 col-md-2">
                <h4>Company</h4>
                <ul class="footer-menu">
                    <li class="active"><a href="about.html">About us</a></li>
                    <li><a href="news.html">News</a></li>
                    <li><a href="faq.html">FAQ</a></li>
                    <li><a href="contact.html">Contact us</a></li>
                </ul>
            </div>
            <div class="col-xs-6 col-sm-4 col-md-2">
                <h4>Policy</h4>
                <ul class="footer-menu">
                    <li><a href="terms.html">Terms and Conditions</a></li>
                    <li><a href="policy.html">Copyright Policy</a></li>
                </ul>
            </div>
            <div class="col-xs-6 col-sm-4 col-md-2">
                <h4>Services</h4>
                <ul class="footer-menu">
                    <li><a href="whosting.html">Web Hosting</a></li>
                    <li><a href="chosting.html">Cloud Hosting</a></li>
                    <li class="active"><a href="">Dedicated Hosting</a></li>
                    <li><a href="domain.html">Domain Names</a></li>
                </ul>
            </div>
            <div class="col-xs-6 col-sm-4 col-md-2">
                <h4>Other links</h4>
                <ul class="footer-menu">
                    <li><a href="transfer.html">Transfer domains</a></li>
                    <li><a href="portal.html">Customer Portal</a></li>
                    <li><a href="support.html">Support Portal</a></li>
                    <li><a href="tutorials.html">Video Tutorials</a></li>
                </ul>
            </div>
            <div class="col-xs-12 col-sm-4 col-md-3">
                <div class="phone"><i class="fa fa-phone"></i> 00 285 900 38502</div>
                <div class="email"><i class="fa fa-envelope"></i> <a href="email-protection.html" class="__cf_email__" data-cfemail="adc5c8c1c1c2edc5c2ded9c4c283c4c2">[email&#160;protected]</a></div>
                <div class="address">
                    <i class="fa fa-map-marker"></i> 
                    <div>Brizbin, Australia<br>
                        Road 398, Center<br>
                        Office 38, floor 3</div>
                </div>
                <div class="social">
                    <a href="#"><i class="fa fa-twitter"></i></a>
                    <a href="#"><i class="fa fa-facebook"></i></a>
                    <a href="#"><i class="fa fa-instagram"></i></a>
                </div>
            </div>
        </div>
    </div>
</div>
<script data-cfasync="false" src="static/js/email-decode.min.js"></script><script src="static/js/jquery.min.js"></script>
<script src="static/js/jquery-migrate.min.js"></script>
<script src="static/js/bootstrap.min.js"></script>

<script src="static/js/main.js"></script>
</body>
</html>
